<!-- directive:title angular + chartist -->
<!-- directive:breadcrumb angular + chartist -->
<div class="panel-body">
    <p> 必须克服 延迟加载图表数据</p>
    <p> 必须克服 空数据时候不报错</p>
    <div class="panel panel-default">
        <div class="panel-heading">Smil Animations</div>
        <div class="panel-body">
            <div chartist chartist-chart-type="Line" chartist-data="smilData"
                chartist-chart-options="smilOptions" chartist-events="smilEvents" class="ct-chart">
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">Bar bipolar</div>
                <div class="panel-body">
                    <div chartist chartist-data="barBipolarData" chartist-chart-type="Bar"
                        chartist-chart-options="barBipolarOptions" class="ct-chart">
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">Bar Horizontal</div>
                <div class="panel-body">
                    <div chartist chartist-data="barHorizontalData" chartist-chart-type="Bar"
                        chartist-chart-options="barHorizontalOptions" class="ct-chart">
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">Line</div>
                <div class="panel-body">
                    <div chartist chartist-data="lineData" chartist-chart-type="Line"
                        chartist-chart-options="lineOptions" class="ct-chart">
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">SVG Path Animations</div>
                <div class="panel-body">
                    <div chartist chartist-chart-type="Line" chartist-data="pathData"
                        chartist-chart-options="pathOptions" chartist-events="pathEvents" class="ct-chart">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

